// 个人信息
var u_menu = document.querySelector(".u_menu"),
username = document.querySelector(".username"),
usernamecColor = document.querySelector(".usernamec");
username.onmouseover = function() {
  u_menu.style.height = "129px";
  usernamecColor.classList.add("usernamec-color");
   }
username.onmouseout = function() {
   u_menu.style.height = "0";
   usernamecColor.classList.remove("usernamec-color");
   }

//    购物车
   var shopcar_menu = document.querySelector(".shopcar_menu"),
   shopcar = document.querySelector(".shopcar"),
   shopcarColor = document.querySelector(".shopcarc");
   shopcar.onmouseover = function() {
    shopcar_menu.style.height = "399px";
    shopcarColor.classList.add("shopcar-color");
       }
       shopcar.onmouseout = function() {
    shopcar_menu.style.height = "0";
    shopcarColor.classList.remove("shopcar-color");
       }

    //    导航栏第一个菜单
    var first_menu = document.querySelector(".first_menu"),
first = document.querySelector(".between_second_fisrt"),
firstcColor = document.querySelector(".firstc");
first.onmouseover = function() {
    first_menu.style.height = "399px";
    firstcColor.classList.add("firstc-color");
    }
    first.onmouseout = function() {
        first_menu.style.height = "0";
        firstcColor.classList.remove("firstc-color");
    }


        //    导航栏第二个菜单
        var second_menu = document.querySelector(".second_menu"),
        second = document.querySelector(".between_second_second"),
        secondcColor = document.querySelector(".secondc");
        second.onmouseover = function() {
           second_menu.style.height = "399px";
           secondcColor.classList.add("secondc-color");
           }
       second.onmouseout = function() {
           second_menu.style.height = "0";
           secondcColor.classList.remove("secondc-color");
           }

// 分类栏第一个
var home_a_first_menu = document.querySelector(".home_a_first_menu"),
home_a_first = document.querySelector(".home_a_first")
home_a_first.onmouseover = function() {
    home_a_first_menu.style.width = "700px";
     }
     home_a_first.onmouseout = function() {
    home_a_first_menu.style.width = "0";
    }


// 分类栏第二个
var home_a_second_menu = document.querySelector(".home_a_second_menu"),
home_a_second = document.querySelector(".home_a_second")
home_a_second.onmouseover = function() {
   home_a_second_menu.style.width = "700px";
     }
     home_a_second.onmouseout = function() {
      home_a_second_menu.style.width = "0";
    }
        
// 分类栏第三个
var home_a_third_menu = document.querySelector(".home_a_third_menu"),
home_a_third = document.querySelector(".home_a_third")
home_a_third.onmouseover = function() {
   home_a_third_menu.style.width = "700px";
     }
     home_a_third.onmouseout = function() {
      home_a_third_menu.style.width = "0";
    }


// 分类栏第四个
var home_a_forth_menu = document.querySelector(".home_a_forth_menu"),
home_a_forth = document.querySelector(".home_a_forth")
home_a_forth.onmouseover = function() {
   home_a_forth_menu.style.width = "700px";
     }
     home_a_forth.onmouseout = function() {
      home_a_forth_menu.style.width = "0";
    }
        
// 分类栏第五个
var home_a_fifth_menu = document.querySelector(".home_a_fifth_menu"),
home_a_fifth = document.querySelector(".home_a_fifth")
home_a_fifth.onmouseover = function() {
   home_a_fifth_menu.style.width = "700px";
     }
     home_a_fifth.onmouseout = function() {
      home_a_fifth_menu.style.width = "0";
    }

// 分类栏第六个
var home_a_sixth_menu = document.querySelector(".home_a_sixth_menu"),
home_a_sixth = document.querySelector(".home_a_sixth")
home_a_sixth.onmouseover = function() {
   home_a_sixth_menu.style.width = "700px";
     }
     home_a_sixth.onmouseout = function() {
      home_a_sixth_menu.style.width = "0";
    }
           

// 分类栏第七个
var home_a_seventh_menu = document.querySelector(".home_a_seventh_menu"),
home_a_seventh = document.querySelector(".home_a_seventh")
home_a_seventh.onmouseover = function() {
   home_a_seventh_menu.style.width = "700px";
     }
     home_a_seventh.onmouseout = function() {
      home_a_seventh_menu.style.width = "0";
    }

// 分类栏第八个
var home_a_eigth_menu = document.querySelector(".home_a_eigth_menu"),
home_a_eigth = document.querySelector(".home_a_eigth")
home_a_eigth.onmouseover = function() {
   home_a_eigth_menu.style.width = "700px";
     }
     home_a_eigth.onmouseout = function() {
      home_a_eigth_menu.style.width = "0";
    }
          